<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="content-style-type" content="text/css">
    <meta http-equiv="content-script-type" content="text/javascript">
    <link rel="stylesheet" href="stylesheets/reset.css" type="text/css" />
    <link rel="stylesheet" href="stylesheets/style.css" type="text/css" />
    <!--[if IE]><script type="text/javascript" src="/lib/processing/excanvas.js"></script><![endif]-->
    <script type="text/javascript" src="javascripts/jquery.min.js">
    </script>
    <script type="text/javascript" src="javascripts/jquery.mousewheel.js">
    </script>
    <script type="text/javascript" src="javascripts/jQzigzag.js">
    </script>
    <script type="text/javascript">
      config = {
        'url': '<%= root_url %>'
      };
      $(document).ready(function(){
        $('canvas').jQzigzag(config);
      });
    </script>
    <style type="text/css">
      body {
        font-size: 10pt;
        margin: 5px;
      }
    </style>
    <title>zigzag</title>
  </head>

  <body id="home">
    <div id="header">
      <div class="container">
        <div id="logo-highlight"></div>

        <!-- Logo -->
        <a href="http://192.168.1.241/"><img src="images/logo.png" alt="logo" id="logo" /></a>
        <p id="slogan"> <span></span></p>
        <% if logged_in? %>
          <%= current_user.login %>さんはログイン中です。
          <ul id="top-navigation" class="superfish nav">

            <li class="current_page_item"><%= link_to "ログアウト", :controller => "top", :action => "destroy" %></li>
          </ul> <!-- end top-navigation -->
        <% else %>
          <div id="loginform">
            <% form_tag session_path do -%>
              <%= text_field_tag 'login', @login %>
              <br />
              <%= password_field_tag 'password', nil %>

              <!-- Uncomment this if you want this functionality
              <p><%= label_tag 'remember_me', 'Remember me' %>
              <%= check_box_tag 'remember_me', '1', @remember_me %></p>
              -->

              <%= submit_tag 'Log in' %>
            <% end -%>


          </div>
        <% end %>

      </div> <!-- end header/container -->

    </div> <!-- end header -->

    <div id="main-area">
      <div class="container"><!-- Featured Slider -->
        <div id="featured-slider">
          <canvas id="canvas" width="800" height="450">
          </canvas>
          <div id="search-form">
            <form id="search">
              <input type="text" class="box" maxlength="2048" id="searchbox">
              <input type="submit" class="submit" value="検索">
              </div>
              <div class="clear"></div>
          </div> <!-- div featured-slider -->
          <!--
          <div id="main" class="home">
            <div class="page-block first">
              <h3>Hello world!</h3>
              <p>テストですよ！</p>
          <%= root_url %>


            </div>

            <div class="page-block">

              <h3>Hello world!</h3>
              <p>テストですよその２！</p>
            </div>
          </div>
          -->
          <div id="bookinfo">

            <div class="content">
              <h3></h3>
              <div id ="bookimage">
                <a href=""><img src="" /></a>
              </div>

              <div id="recent-tabbed">

                <div class="post">
                  <p class="price"></p>
                  <p class="meta">著者 | <span class='author'></span></p>
                  <p class="meta">ジャンル | <span class='genre'></span></p>
                  <p class="meta">出版社 | <span class='publisher'></span></p>
                  <p class="meta">出版日 | <span class='publication_date'></span></p>
                  <p class="meta">ランキング | <span class='sales_rank'></span></p>
		  <p id="booklink" class="meta"><a href=""><img src="images/detail.gif" /></a></p>
                </div> <!-- end post -->
              </div> <!-- end recent-tabbed -->
              <div id="description"></div>
              <div id="content-bottom"></div>

            </div> <!-- end content -->
          </div> <!-- end bookinfo -->

          <div class="clear"></div>
        </div> <!-- end main-area/container -->
      </div> <!-- end main-area -->
      <div id="main-area-wrap"></div> <!-- end main-area wrap-->

      <div id="footer">
        <div class="container">
        </div> <!-- end footer/container -->

      </div> <!-- end footer-->

  </body>

</html>
